const annualTime = Vue.extend({
    template: `
    <div> <el-form ref="form" :model="form" label-width="130px" class="baseForm">
          <el-form-item :label="form.label">
              <el-select v-model="form.month" placeholder="请选择" @change="handleChange">
                <el-option
                  v-for="item in monthOpt"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value">
                </el-option>
              </el-select>
               <el-select v-model="form.dayType" placeholder="请选择" @change="handleChange">
                <el-option
                  v-for="item in dayTypeOpt"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value">
                </el-option>
              </el-select>
              <el-select v-model="form.day" placeholder="请选择" @change="handleChange">
                <el-option
                  v-for="item in dayOpt"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value">
                </el-option>
              </el-select>
              <el-select v-model="form.time" placeholder="请选择" @change="handleChange">
                <el-option
                  v-for="item in timeOpt"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value">
                </el-option>
              </el-select>
          </el-form-item>
        </el-form>
    </div>`,
    data() {
        return {
            form: this.paramsObject,
            monthOpt:[],
            dayTypeOpt:[],
            timeOpt:[],
            dayOpt:[]
        }
    },
    modal: {
        prop: "paramsObject",
        event: 'change'
    },
    props: {
        paramsObject: {
            type: Object,
            default: () => {
                return {
                    month: '一月',
                    dayType: '0',
                    day: '20',
                    time: '00:30'
                }
            }
        }
    },

    mounted() {
    },
    methods: {
        handleChange() {
            this.$emit('change', this.form)
        }
    },
})